* {
  padding: 0;
  margin: 0;
}
/* body,
html,.container>div{
  min-width: 960px;
} */
.container5 {
  position: relative;
  width: 4rem /* 1200/300 */;
  margin: 0 auto;
  z-index: 0;
}

img {
  padding: 0;
  display: block;
  margin: auto;
}

.container5>img{
  position: absolute;
  top: 3.1666666rem;
  margin-left: -1.2rem /* 360/300 */;
  width: 6.4rem /* 1920/300 */;
  height: 6.36rem/* 1908/300 */;
  z-index: -999;
}

.first {
  position: relative;
  display: flex;
  justify-content: center;
  width: 6.4rem /* 1920/300 */;
  margin-left: -1.2rem /* 360/300 */;
  height: 3.166667rem /* 950/300 */;
  color: #fff;
}

.first img {
  width: 100%;
  height: 3.166667rem;
}

.first .one {
  position: absolute;
  top: 1.463333rem /* 439/300 */;
  font: 700 0.246667rem /* 74/300 */ /1 PingFang-SC-Bold;
}

.first .two {
  position: absolute;
  margin-top: 2.583333rem /* 775/300 */;
  font: 0.113333rem /* 34/300 */ /1 MicrosoftYaHei;
}

.first .three {
  position: absolute;
  margin-top: 2.796667rem /* 839/300 */;
  font: 0.093333rem /* 28/300 */ /1 MicrosoftYaHei;
}

.secBgImg {
  position: absolute;
  top: 0;
  left: -1.2rem /* 360/300 */;
  width: 6.4rem /* 1920/300 */;
  /* height: 3.38rem 1014/300; */
  height: 5.826667rem /* 1748/300 */;
  z-index: -999;
}

.second {
  position: relative;
  height: 3.38rem /* 1014/300 */;
  width: 4rem /* 1200/300 */;
  font-family: MicrosoftYaHei;
  margin-top: 0;
}

.secTop {
  position: absolute;
  top: 0.613333rem /* 184/300 */;
  width: 100%;
  display: flex;
}

.secTop > div {
  flex: 1;
  text-align: center;
  color: #5b8f95;
  font-size: 0.08rem /* 24/300 */;
}

.sTLeft > img:nth-of-type(1) {
  width: 0.463333rem /* 139/300 */;
  height: 0.12rem /* 36/300 */;
}

.sTCenter > img:nth-of-type(1),
.sRight > img:nth-of-type(1) {
  width: 0.37rem /* 111/300 */;
  height: 0.123333rem /* 37/300 */;
}

.round {
  width: 0.2rem /* 60/300 */;
  height: 0.2rem /* 60/300 */;
}

.secTop img {
  /*padding: 0.066667rem !* 20/300 *! 0 0.106667rem !* 32/300 *! 0;*/

  margin-top: 0.14rem;
}


.secTop > img {
  width: 160%;
  position: absolute;
  top: 0.466667rem /* 140/300 */;
  left: -1.2rem;
  z-index: 999;
}

.secBottom {
  position: absolute;
  top: 1.506667rem /* 452/300 */;
  text-align: center;
  display: flex;
  /* letter-spacing: 0.007rem; */
}

.sBLeft,
.sBCenter,
.sBRight {
  /* display: inline-block; */
  flex: 1;
  margin-left: 0.02rem /* 6/300 */;
  color: #444444;
  font: 0.073333rem /* 22/300 */ /1.4 MicrosoftYaHei;
}

.sBCenter {
  margin-left: 0.226667rem /*68/300*/;
}

.sBRight {
  margin-left: 0.206667rem /*62/300*/;
}

.sBRight > div:nth-child(2),
.sBLeft > div:nth-child(2),
.sBCenter > div:nth-child(2) {
  width: 89%;
  padding-left: 0.066667rem /* 20/300 */;
}

.mt28 {
  margin-top: 0.093333rem /* 28/300 */;
}

.threeBox {
  width: 6.4rem /* 1920/300 */;
  height: 2.766667rem /* 830/300 */;
  margin-left: -1.2rem /*360/300*/;
  display: flex;
  justify-content: space-between;
}

.threeBox img {
  width: 3.1rem /* 930/300 */;
  height: 2.766667rem /* 830/300 */;
}

.thLeft,
.thRight {
  position: relative;
  color: #fff;
  font: 0.073333rem /* 22/300 */ /1 MicrosoftYaHei;
}

.thLeft > p:nth-of-type(1),
.thRight > p:nth-of-type(1) {
  position: absolute;
  top: 2.343333rem /* 703/300 */;
  left: 0.4rem /* 120/300 */;
}

.thLeft > p:nth-of-type(2),
.thRight > p:nth-of-type(2) {
  position: absolute;
  bottom: 0.233333rem /* 70/300 */;
  left: 0.4rem /* 120/300 */;
}

.four {
  position: relative;
  width: 6.4rem /* 1920/300 */;
  height: 3.166667rem;
  margin-left: -1.2rem;
  margin-top: 0.2rem /* 60/300 */;
  font: 0.073333rem /* 22/300 */ /1 MicrosoftYaHei;
  color: #fff;
  z-index: 0;
}

.four>img{
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4rem;
  height: 3.16rem /* 948/300 */;
  z-index: -999;
}

.four > p:nth-of-type(1) {
  position: absolute;
  top: 2.716667rem /* 815/300 */;
  left: 0.4rem /* 120/300 */;
  z-index: 999;
}

.four > p:nth-of-type(2) {
  position: absolute;
  bottom: 0.233333rem /* 70/300 */;
  left: 0.4rem /* 120/300 */;
  z-index: 999;
}

.five {
  position: relative;
  width: 6.4rem /* 1920/300 */;
  height: 3.166667rem ;
  /* 950/300; */
  padding-top: 0.2rem /* 60/300 */;
  margin-left: -1.2rem /* 360/300 */;
  color: #fff;
  font: 0.066667rem/1.3 /* 20/300 */ MicrosoftYaHei;
}

.fiBg {
  position: absolute;
  top: 0.2rem /* 60/300 */;
  left: 0.8rem /* 240/300 */;
  width: 75% /* 1440/300 */;
  height: 2.766667rem /* 830/300 */;
  /* z-index: -999; */
  /* min-width: 1200px; */
}

.five > p:nth-of-type(1) {
  position: absolute;
  top: 0.766667rem /* 230/300 */;
  left: 1.2rem /* 360/300 */;
  margin-bottom: 0.1rem /* 30/300 */;
  font: 0.166667rem /* 50/300 */ /1 MicrosoftYaHei;
}

.five > p:nth-of-type(2) {
  position: absolute;
  top: 1.033333rem /* 310/300 */;
  left: 1.2rem /* 360/300 */;
  font: 0.166667rem /* 50/300 */ /1 MicrosoftYaHei;
}

.five > p:nth-of-type(3) {
  position: absolute;
  top: 1.3rem /* 390/300 */;
  left: 1.2rem /* 360/300 */;
  width: 25% /* 480/300 */;
  margin-bottom: 0.1rem /* 30/300 */;
  /* 使完整的单词和文字一行中两端对齐 */
  display: inline-block;
  text-align: justify;
}

.five > p:nth-of-type(4) {
  position: absolute;
  /* top: 2.233333rem 670/300; */
  bottom: 0.566667rem ;
  /* 245/300; */
  left: 1.2rem /* 360/300 */;
  width: 25% /* 480/300 */;
  display: inline-block;
  text-align: justify;
  /* 字间距 */
  letter-spacing: 0.007rem;
}

.wrap img {
  width: 0.083333rem /* 25/300 */;
  height: 0.076667rem /* 23/300 */;
  margin-bottom: 0.103333rem /* 31/300 */;
}

.five p {
  margin: auto;
}

.wrap {
  position: absolute;
  font: 0.066667rem /* 20/300 */ /1 MicrosoftYaHei;
  color: #fff;
  text-align: center;
}

.wrap > p:nth-of-type(1) {
  margin-bottom: 0.073333rem /* 22/300 */;
}

.five > div:nth-of-type(1) {
  top: 0.503333rem /* 151/300 */;
  right: 1.933333rem /* 580/300 */;
}

.five > div:nth-of-type(2) {
  position: absolute;
  top: 1.103333rem /* 331/300 */;
  right: 1.233333rem /* 370/300 */;
}

.five > div:nth-of-type(3) {
  position: absolute;
  bottom: 1.27rem /* 381/300 */;
  right: 2.36rem /* 708/300 */;
}

.five > div:nth-of-type(4) {
  position: absolute;
  bottom: 0.566667rem /* 170/300 */;
  right: 1.526667rem /* 458/300 */;
}

.six {
  width: 4.8rem /* 1440/300 */;
  height: 3.166667rem;
  margin-left: -0.366667rem /* 110/300 */;
}

.sixTop {
  display: flex;
  justify-content: space-between;
}

.sixTop img {
  width: 1.2rem;
  height: 2.336667rem /* 701/300 */;
  margin: 0;
}

.sixBottom {
  padding: 0.253333rem /* 76/300 */ 0 0.333333rem /* 100/300 */ 0;
  text-align: center;
  color: #444444;
  font: 0.086667rem /* 26/300 */ /1 MicrosoftYaHei;
}

.sixBottom p:nth-child(1) {
  margin-bottom: 0.063333rem /* 19/300 */;
}

.seven {
  position: relative;
  box-sizing: border-box;
  width: 6.4rem;
  height: 3.166667rem;
  padding: 0.4rem /* 120/300 */ 0 0.326667rem /* 98/300 */ 0;
  margin-left: -1.2rem;
  z-index: 0;
}

.seven>img:nth-of-type(1){
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4rem;
  height: 3.16rem /* 948/300 */;
  z-index: -999;
}

.sevenImg{
  width: 3.666667rem;
  height: 1.456667rem /* 948/300 */;
}

.seven p {
  /*margin-left: 1.366667rem !* 410/300 *!;*/
  font: 0.12rem /* 36/300 */ /1 MicrosoftYaHei;
  color: #fff;


}

.seven > p:nth-of-type(2) {
  margin-bottom: 0.1rem /* 30/300 */;
  margin-top: 0.066667rem /* 20/300 */;
}

.seven > p:nth-of-type(4) {
  margin-bottom: 0.06rem /* 18/300 */;
}

.seven > p:nth-of-type(4) {
  margin-bottom: 0.06rem /* 18/300 */;
}

.sevenDiv{
  top: 0.426667rem;
  position: absolute;
  left: 1.8rem;
}

.font24 {
  font-size: 0.08rem /* 24/300 */ !important;
}

.mb18 {
  margin-bottom: 0.06rem /* 18/300 */;
}

/*.seven img {*/
/*  width: 3.666667rem !* 1100/300 *!;*/
/*  height: 1.456667rem !* 437/300 *!;*/
/*  !* margin-top: 48px; *!*/
/*  margin-top: 0.1rem !* 30/300 *!;*/
/*  margin-bottom: 0.1rem !* 30/300 *!;*/
/*}*/

.eight {
  width: 5.333333rem /* 1600/300 */;
  height: 3.166667rem;
  margin-left: -0.666667rem /* 200/300 */;
  padding: 0.333333rem /* 100/300 */ 0 0 0.2rem /* 60/300 */;
}

.eight p {
  margin: 0 auto;
  text-align: center;
  font: 0.1rem /* 30/300 */ /1 MicrosoftYaHei;
  color: #5b8f95;
}

.eight > p:nth-of-type(1) {
  margin-bottom: 0.11rem /* 33/300 */;
}

.eight > p:nth-of-type(2) {
  margin-bottom: 0.233333rem /* 70/300 */;
}

.eight img {
  width: 5.333333rem /* 1600/300 */;
  height: 2.11rem /* 633/300 */;
}

.nine {
  box-sizing: border-box;
  width: 6.4rem;
  margin-left: -1.2rem;
  background-color: #f0f7f8;
  padding: 0.2rem /* 60/300 */ 1.023333rem /* 307/300 */ 0.336667rem
    /* 101/300 */ 1.4rem /* 420/300 */;
  font: 0.066667rem /* 20/300 */ /1.5 MicrosoftYaHei;
  color: #173e43;
}

.nine h5 {
  font: 0.093333rem /* 28/300 */ /1 MicrosoftYaHei;
  margin-bottom: 0.1rem /* 30/300 */;
}

.english,
.chinese {
  width: 2.776667rem /* 833/300 */;
}

.english {
  margin-bottom: 0.133333rem /* 40/300 */;
}

.ten {
  box-sizing: border-box;
  width: 6.4rem;
  margin-left: -1.2rem;
  background-color: #f0f7f8;
  padding: 0 1.023333rem /* 307/300 */ 0.336667rem /* 101/300 */ 1.4rem
    /* 420/300 */;
  font: 0.066667rem /* 20/300 */ /1.5 MicrosoftYaHei;
  color: #173e43;
}

.ten h5 {
  font: 0.093333rem /* 28/300 */ /1 MicrosoftYaHei;
  margin-bottom: 0.093333rem /* 28/300 */;
}

.english,
.chinese {
  width: 2.776667rem /* 833/300 */;
}

.english {
  margin-bottom: 0.133333rem /* 40/300 */;
}

.eleven {
  position: relative;
  box-sizing: border-box;
  width: 6.4rem;
  height: 3.16rem /* 948/300 */;
  margin-left: -1.2rem;
  font: 0.1rem /* 30/300 */ /1.5 MicrosoftYaHei;
  color: #fff;
  padding: 0.34rem /* 102/300 */ 0 0.56rem /* 168/300 */ 0;
  z-index: 0;
}

.eleven>img{
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4rem;
  height: 3.16rem /* 948/300 */;
  z-index: -999;
}

.eleven p {
  text-align: center;
}

.eleven > p:nth-of-type(2) {
  margin-top: 0.113333rem /* 34/300 */;
  margin-bottom: 0.176667rem /* 53/300 */;
}

.eleven td {
  border-right: 0.006667rem /* 2/300 */ solid #173e43;
  border-bottom: 0.006667rem /* 2/300 */ solid #173e43;
  text-align: center;
  width: 1.333333rem /* 400/300 */;
}

.eleven table {
  /* border-top: 0.006667rem solid #173e43;
  border-left: 0.006667rem solid #173e43; */
  margin: auto;
}

.eleven table tr {
  height: 0.293333rem /* 88/300 */;
}

.eleven table tr:nth-of-type(even) {
  color: #222;
  background-color: rgba(255, 255, 255, 0.4);
}

.eleven table tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.4);
}